$(function () {
  // 定义一个对象，用于传参
  const parems = {
    key: '',    //搜索关键词，可以为空，为空返回某类型所有文章
    type: '',    //文章类型id，可以为空，为空返回所有类型文章
    state: '',   //文章状态，草稿 ，已发布,为空返回所有状态文章
    page: '',    //	当前页，为空返回第1页
    perpage: 10,   //每页显示条数，为空默认每页6条
  }
  getList()
  function getList(curr) {
    $.ajax({
      type: 'get',
      data: parems,
      url: '/admin/article/query',
      // data:{},
      success: res => {
        let Str = template('temp_list', res.data)
        $('tbody').html(Str)
        fenye(curr,res.data.totalCount)
      }
    })

  }

  $.ajax({
    url: '/admin/category/list',
    success: res => {
      let Str = template("cate_item", res)
      $('#selCategory').html(Str)
    }
  })

  // 给筛选按钮添加点击事件
  $('.btn-shuuaixuan').on('click', e => {
      e.preventDefault()
    parems.type = $("#selCategory").val()
    parems.state = $("#selStatus").val()
    // console.log(parems);
    getList()
  })

  // 给删除按钮添加点击事件
  $('tbody').on('click', '.btn-xs', function () {
    let id = $(this).attr('data-id')
    layer.confirm('你确定要删除吗', {icon:2,title:'删除提示'},function (index) {
      
      $.ajax({
        type: 'post',
        url: '/admin/article/delete',
        data: { id },
        success: res => {
          console.log(res);
        }
      })
      layer.close(index)
    })

  })

  function fenye(curr=1,totalCount) {
    // 分页功能
    layui.use('laypage', function () {
      var laypage = layui.laypage;

      //执行一个laypage实例
      laypage.render({
        elem: 'text' ,//注意，这里的 test1 是 ID，不用加 # 号
        count: totalCount, //数据总数，从服务端得到
        limit: parems.perpage,//每页显示的条数
        curr: curr,//起始页。一般用于刷新类型的跳页以及HASH跳页。如：
        groups: 6,//连续出现的页码个数
        jump: function(obj, first){
          //obj包含了当前分页的所有参数，比如：
          console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
          parems.page=obj.curr
          //首次不执行
          if(!first){
            //do something
            getList(obj.curr)
          }
        }
      });
    });
  }
  // 编辑按钮



})